<template>

  <div @mouseleave="outMark" style="max-width: 400px;max-height: 350px;overflow-y: auto">
    <RadioGroup v-model="vertical" vertical @on-change="confime">
      <Radio v-for="item in list"  :key="item.id"  :label="item.layer?item.layer.id:item.id">
        <span>{{item.properties?JSON.parse(item.properties.dataInfo).image_name: item.id}}</span>
      </Radio>
    </RadioGroup>

  </div>
</template>

<script>
    export default {
      name: "markDelog",
      data() {
        return {
          vertical: ""
        }
      },
      props: {
        list: {
          type: Array,
          default() {
            return [];
          }
        },
      },
      methods: {

        confime() {
          this.$bus.$emit("confime",this.vertical)
        },
        outMark() {
          this.$bus.$emit("outMark",)
        }

      }


    }
</script>

<style scoped>

</style>
